<div class="table-responsive teacher-table" id="teachers-table">
    <div class="table-wrapper teacher-table-wrapper">
        <h3 class="table-title teacher-table-title">教师管理</h3>
        <div class="action-btns teacher-action-btns">
            <!-- 添加教师按钮 -->
            <button data-toggle="modal" data-target="#add-teacher-modal" class="btn btn-primary">添加教师</button>
        </div><br>
        <!-- 省略实际表格内容；可根据需求填充表格 -->
        <table class="table table-hover teacher-table">
            <thead>
            <tr>
                <th>教师编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>专业</th>
                <th>地址</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="teachers-tbody">
            <!-- 使用 JavaScript 动态填充教师数据 -->
            </tbody>
        </table>
    </div>
</div>

<!-- 增加教师模拟框 -->
<div class="modal fade" id="add-teacher-modal" tabindex="-1" role="dialog" aria-labelledby="add-teacher-modal-label" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="add-teacher-modal-label">添加教师</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="关闭">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="add-teacher-form">
                    <div class="form-group">
                        <label for="teacher-name">姓名</label>
                        <input type="text" class="form-control" id="teacher-name" placeholder="请输入教师姓名">
                    </div>
                    <div class="form-group">
                        <label for="teacher-gender">性别</label>
                        <select class="form-control" id="teacher-gender">
                            <option selected>选择性别</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="teacher-age">年龄</label>
                        <input type="number" class="form-control" id="teacher-age" placeholder="请输入教师年龄">
                    </div>
                    <div class="form-group">
                        <label for="teacher-major">专业</label>
                        <input type="text" class="form-control" id="teacher-major" placeholder="请输入教师专业">
                    </div>
                    <div class="form-group">
                        <label for="teacher-address">地址</label>
                        <input type="text" class="form-control" id="teacher-address" placeholder="请输入教师地址">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="add-teacher-btn">添加教师</button>
            </div>
        </div>
    </div>
</div>

<!-- 编辑教师模拟框 -->
<div class="modal fade" id="editTeacherModal" tabindex="-1" role="dialog" aria-labelledby="editTeacherModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editTeacherModalLabel">编辑教师信息</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="关闭">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form>
                    <input type="hidden" id="edit-teacher-id"/>
                    <div class="form-group">
                        <label for="edit-teacher-name">姓名</label>
                        <input type="text" class="form-control" id="edit-teacher-name" placeholder="请输入教师姓名">
                    </div>
                    <div class="form-group">
                        <label for="edit-teacher-gender">性别</label>
                        <select class="form-control" id="edit-teacher-gender">
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="edit-teacher-age">年龄</label>
                        <input type="number" class="form-control" id="edit-teacher-age" placeholder="请输入教师年龄">
                    </div>
                    <div class="form-group">
                        <label for="edit-teacher-major">专业</label>
                        <input type="text" class="form-control" id="edit-teacher-major" placeholder="请输入教师专业">
                    </div>
                    <div class="form-group">
                        <label for="edit-teacher-address">地址</label>
                        <input type="text" class="form-control" id="edit-teacher-address" placeholder="请输入教师地址">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="saveTeacherChangesBtn">保存更改</button>
            </div>
        </div>
    </div>
</div>